﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags-->
    <!-- Title-->
    <title>称重管理系统</title>
    <!-- Favicon-->
    <link rel="icon" href="img/core-img/favicon.ico">
    <!-- Core Stylesheet-->
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <!-- Preloader-->
    <div class="preloader" id="preloader">
      <div class="spinner-grow text-secondary" role="status">
        <div class="sr-only">Loading...</div>
      </div>
    </div>
    <!-- Header Area-->
    <div class="header-area" id="headerArea">
      <div class="container h-100 d-flex align-items-center justify-content-between">
        <!-- Back Button-->
        <div class="back-button"><a href="index.html"><i class="icofont-rounded-left"></i>Back</a></div>
        <!-- Page Title-->
        <div class="page-heading">
          <h6 class="mb-0">Notifications</h6>
        </div>
        <!-- Navbar Toggler-->
        <div class="suha-navbar-toggler d-flex justify-content-between flex-wrap" id="suhaNavbarToggler"><span></span><span></span><span></span></div>
      </div>
    </div>
    <!-- Sidenav Black Overlay-->
    <div class="sidenav-black-overlay"></div>
    <!-- Side Nav Wrapper-->
    <div class="suha-sidenav-wrapper" id="sidenavWrapper">
      <!-- Sidenav Profile-->
      <div class="sidenav-profile">
        <div class="user-profile"><img src="img/bg-img/9.jpg" alt=""></div>
        <div class="user-info">
          <h6 class="user-name mb-0">Suha Jannat</h6>
          <p class="available-balance">Balance <span>$<span class="counter">478.61</span></span></p>
        </div>
      </div>
      <!-- Sidenav Nav-->
      <ul class="sidenav-nav">
        <li><a href="profile.html"><i class="icofont-star"></i>My Profile</a></li>
        <li><a href="notifications.html"><i class="icofont-exclamation-tringle"></i>Notifications<span class="ml-3 badge badge-warning">3</span></a></li>
        <li><a href="pages.html"><i class="icofont-page"></i>All Pages</a></li>
        <li><a href="wishlist-grid.html"><i class="icofont-heart"></i>My Wishlist</a></li>
        <li><a href="settings.html"><i class="icofont-gear-alt"></i>Settings</a></li>
        <li><a href="intro.html"><i class="icofont-power"></i>Sign Out</a></li>
      </ul>
      <!-- Go Back Button-->
      <div class="go-home-btn" id="goHomeBtn"><i class="icofont-rounded-left"></i></div>
    </div>
    <!-- Page Content Wrapper-->
    <div class="page-content-wrapper">
      <div class="container">
        <!-- Notifications Area-->
        <div class="notification-area pt-3 pb-2">
          <h6 class="pl-1">Notifications</h6>
          <div class="list-group">
            <!-- Single Notification--><a class="list-group-item d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-shopify"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Suha just uploaded a new product!</h6><span>12 min ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-box"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Black Friday Deals in One Place</h6><span>49 min ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-comment"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Share your experience, it's matters!</h6><span>58 min ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-vehicle-delivery-van"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Your order has been delivered.</h6><span>Yesterday</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-heart"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Your wishlist is updated.</h6><span>2 days ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-thunder-light"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">11% Price drop! Hurry up.</h6><span>2 days ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-sale-discount"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Use 30% Discount Code</h6><span>3 days ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-vehicle-delivery-van"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Your order has been delivered.</h6><span>Yesterday</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-heart"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Your wishlist is updated.</h6><span>2 days ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-thunder-light"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">11% Price drop! Hurry up.</h6><span>2 days ago</span>
              </div></a>
            <!-- Single Notification--><a class="list-group-item readed d-flex align-items-center" href="notification-details.html"><span class="noti-icon"><i class="icofont-sale-discount"></i></span>
              <div class="noti-info">
                <h6 class="mb-0">Use 30% Discount Code</h6><span>3 days ago</span>
              </div></a>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer Nav-->
    <div class="footer-nav-area" id="footerNav">
      <div class="suha-footer-nav h-100">
        <ul class="h-100 d-flex align-items-center justify-content-between">
            <li><a href="index.html"><img src="img/core-img/home.svg" alt="">首页</a></li>
            <li><a href="message.html"><img src="img/core-img/chat.svg" alt="">消息</a></li>
            <li><a href="cart.html"><img src="img/core-img/shopping-cart.svg" alt="">购物车</a></li>
            <li><a href="pages.html"><img src="img/core-img/heart.svg" alt="">页面</a></li>
            <li><a href="settings.html"><img src="img/core-img/settings.svg" alt="">设置</a></li>
        </ul>
      </div>
    </div>
    <!-- All JavaScript Files-->
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/jquery.animatedheadline.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jarallax.min.js"></script>
    <script src="js/jarallax-video.min.js"></script>
    <script src="js/default/jquery.passwordstrength.js"></script>
    <script src="js/default/active.js"></script>
  </body>
</html>